<!DOCTYPE html>
<html style="font-size: 312.5%;">

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>欢太商城 - OPPO,OnePlus,realme官方线上商城首页，最新款智能手机和配件在线购买</title>
		<link rel="stylesheet" type="text/css" href="css/m.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>

	<body>
		<header>
			<img id="list_switch" src="img/Q/list.png" />
			<div class="searching">
				<img src="img/Q/search.svg" />
				<div class="active">A11S</div>
				<div>OPPO WATCH2</div>
				<div>OPPO WATCH2</div>
				<div>OPPO WATCH2</div>
			</div>
			<span>登录</span>
		</header>

		<aside>
			<div class="overlay">
				<div class="logo">
					<img src="img/Q/overlay.png"/>
				</div>
				<ul>
					<li>欢太品牌</li>
					<li>欢太云服务</li>
					<li>软件商店</li>
					<li>健康</li>
					<li>欢太商城APP</li>
					<li>体验新版</li>
					<li id="QQQ">登录</li>
					<li>注册</li>
				</ul>
			</div>
		</aside>
		<div id="carousel1" class="carousel">
			<div class="carousel_img">
				<img class="active" src="img/Q/banner1.webp" />
				<img src="img/Q/banner2.webp" />
				<img src="img/Q/banner3.webp" />
				<img src="img/Q/banner4.webp" />
			</div>
			<img src="img/Q/banner1.webp" />
			<ul>
				<li Q="0" class="active"></li>
				<li Q="1"></li>
				<li Q="2"></li>
				<li Q="3"></li>
			</ul>
		</div>

		<nav>
			<div>
				<img src="img/Q/nav_new.webp" /> 以旧换新
			</div>
			<div>
				<img src="img/Q/nav_money.webp" /> 积分抵现
			</div>
			<div>
				<img src="img/Q/nav_gift.webp" /> 新人福利
			</div>
			<div>
				<img src="img/Q/nav_cup.webp" /> 排行榜
			</div>
			<div>
				<img src="img/Q/nav_download.webp" /> 下载APP
			</div>
		</nav>

		<section>
			<div class="container">
				<div class="recom">
					<div class="recom_box1">
						<img src="img/Q/recom1.webp" />
					</div>
					<div class="recom_box1">
						<img src="img/Q/recom2.webp" />
					</div>
					<div class="recom_box1">
						<img src="img/Q/recom3.webp" />
					</div>
					<div class="recom_box1">
						<img src="img/Q/recom4.webp" />
					</div>
					<div class="recom_box1">
						<img src="img/Q/recom5.webp" />
					</div>
					<div class="recom_box1">
						<img src="img/Q/recom6.webp" />
					</div>
					<div class="recom_box1">
						<img src="img/Q/recom7.webp" />
					</div>
					<div class="recom_box1">
						<img src="img/Q/recom8.webp" />
					</div>
					<div class="recom_box2">
						<img src="img/Q/recom9.webp" />
					</div>
					<div class="recom_box2">
						<img src="img/Q/recom10.webp" />
					</div>
					<div class="recom_box2">
						<img src="img/Q/recom11.webp" />
					</div>
					<div class="recom_box2">
						<img src="img/Q/recom12.webp" />
					</div>
				</div>
				<div class="flash_sale">
					<div class="fs_title">
						<h4>今日必抢  <span>00:00:00</span><span> 后结束</span></h4>
						<span><a href="#">更多 ></a></span>
					</div>
					<div class="fs_body">
						<div class="fs_box">
							<img src="img/Q/fs1.webp" />
							<h5> OPPO Reno4 SE 超闪蓝 8G+256G </h5>
							<div class="price">
								<span>￥1749</span><span>￥2499</span>
							</div>
						</div>
						<div class="fs_box">
							<img src="img/Q/fs1.webp" />
							<h5> OPPO Reno4 SE 超闪蓝 8G+256G </h5>
							<div class="price">
								<span>￥1749</span><span>￥2499</span>
							</div>
						</div>
						<div class="fs_box">
							<img src="img/Q/fs1.webp" />
							<h5> OPPO Reno4 SE 超闪蓝 8G+256G </h5>
							<div class="price">
								<span>￥1749</span><span>￥2499</span>
							</div>
						</div>
						<div class="fs_box">
							<img src="img/Q/fs1.webp" />
							<h5> OPPO Reno4 SE 超闪蓝 8G+256G </h5>
							<div class="price">
								<span>￥1749</span><span>￥2499</span>
							</div>
						</div>
						<div class="fs_box">
							<img src="img/Q/fs1.webp" />
							<h5> OPPO Reno4 SE 超闪蓝 8G+256G </h5>
							<div class="price">
								<span>￥1749</span><span>￥2499</span>
							</div>
						</div>
						<div class="fs_box">
							<img src="img/Q/fs1.webp" />
							<h5> OPPO Reno4 SE 超闪蓝 8G+256G </h5>
							<div class="price">
								<span>￥1749</span><span>￥2499</span>
							</div>
						</div>
						<div class="fs_last">
							<div>
								更多<br />产品<br />
								<img src="img/Q/fsnext.png" />
							</div>
						</div>
					</div>
				</div>

				<div class="phone">
					<div class="sec_title">
						<h4>手机专区</h4>
						<span><a href="#">更多 ></a></span>
					</div>
					<div class="phone_body">
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/phone1.webp" />
							<h5> OPPO Reno6 Pro </h5>
							<div class="price">
								￥3499
							</div>
						</div>
					</div>
				</div>

				<div class="voice">
					<div class="sec_title">
						<h4>智能声学</h4>
					</div>
					<div class="s_banner">
						<img src="img/Q/s_banner1.webp" />
					</div>
					<div class="v_body">
						<div class="comd_box">
							<img src="img/Q/pod1.webp" />
							<h5> OPPO Enco Air 新品耳机 </h5>
							<div class="price">
								￥229
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/pod1.webp" />
							<h5> OPPO Enco Air 新品耳机 </h5>
							<div class="price">
								￥229
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/pod1.webp" />
							<h5> OPPO Enco Air 新品耳机 </h5>
							<div class="price">
								￥229
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/pod1.webp" />
							<h5> OPPO Enco Air 新品耳机 </h5>
							<div class="price">
								￥229
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/pod1.webp" />
							<h5> OPPO Enco Air 新品耳机 </h5>
							<div class="price">
								￥229
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/pod1.webp" />
							<h5> OPPO Enco Air 新品耳机 </h5>
							<div class="price">
								￥229
							</div>
						</div>
					</div>
				</div>

				<div class="watch">
					<div class="sec_title">
						<h4>智能穿戴</h4>
					</div>
					<div class="s_banner">
						<img src="img/Q/s_banner2.webp" />
					</div>
					<div class="v_body">
						<div class="comd_box">
							<img src="img/Q/watch1.webp" />
							<h5> OPPO Watch 2 系列新品全智能手表 WiFi版 </h5>
							<div class="price">
								￥999
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/watch1.webp" />
							<h5> OPPO Watch 2 系列新品全智能手表 WiFi版 </h5>
							<div class="price">
								￥999
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/watch1.webp" />
							<h5> OPPO Watch 2 系列新品全智能手表 WiFi版 </h5>
							<div class="price">
								￥999
							</div>
						</div>
					</div>
				</div>
				<div class="tv">
					<div class="sec_title">
						<h4>智能电视</h4>
					</div>
					<div class="s_banner">
						<img src="img/Q/s_banner3.webp" />
					</div>
					<div class="v_body">
						<div class="comd_box">
							<img src="img/Q/tv1.webp" />
							<h5>  OPPO 智能电视 R1 55英寸  </h5>
							<div class="price">
								￥4299
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/tv1.webp" />
							<h5>  OPPO 智能电视 R1 55英寸  </h5>
							<div class="price">
								￥4299
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/tv1.webp" />
							<h5>  OPPO 智能电视 R1 55英寸  </h5>
							<div class="price">
								￥4299
							</div>
						</div>
					</div>
				</div>
				<div class="phpj">
					<div class="sec_title">
						<h4>手机配件</h4>
					</div>
					<div class="v_body">
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						<div class="comd_box">
							<img src="img/Q/ppj1.webp" />
							<h5> OPPO 65W超级闪充套装  </h5>
							<div class="price">
								￥179
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</section>
		<div class="guide">
			<div class="g_box">
				<img src="img/Q/g_serv.png"/>
			</div>
			<div class="g_box">
				<img src="img/Q/g_top.png"/>
			</div>
		</div>
		<div class="foot_detail">
			<ul>
				<li>下载APP</li>
				<li>登录账号</li>
			</ul>

			<div class="copyright">
				<ul>
					<li>营业执照</li>
					<li>隐私政策</li>
					<li>用户协议</li>
				</ul>
				©2005 - 2021 欢太 版权所有 粤ICP备14012291号
			</div>
			<footer>
				<div class="active">
					<img src="img/Q/footer_home1.png" /> 首页
				</div>
				<div>
					<img src="img/Q/footer_sort0.png" /> 分类
				</div>
				<div>
					<img src="img/Q/footer_trolley0.png" /> 购物车
				</div>
				<div>
					<img src="img/Q/footer_mine0.png" /> 我的
				</div>
			</footer>
		<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>